<template>
  <!-- 
    在组件上绑定的所有事件都是自定义事件  包括click mouseenter
      自定义事件绑定在普通元素上没有意义
      如果想给组件绑定普通事件 需要加上.native修饰符
    $event在普通事件是事件对象
    $event在自定义事件中 是子组件传递过来的值
    绑定事件可以使用 $on 也可以直接在组件上绑定
    触发事件可以使用 $emit
   -->
  <div>
    <span> 自定义事件传值 父组件的值count: {{count}} </span>
    <child @changeCount="count += $event " />
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  data() {
    return {
      count:0
    }
  },

}
</script>

<style scoped>
div{
  color:dodgerblue;
}
</style>